<template>
  <div id="app">
    <p v-if="isShow" v-for="item in items">
      {{ item.title }}
    </p>
  </div>
</template>

<script setup>
import { reactive } from "vue";

const items = reactive([{ title: "foo" }, { title: "baz" }]);

const isShow = computed(() => items && items.length > 0);
</script>